﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TireService.Mobile.Default" %>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<%--<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="images/apple-touch-startup-image.png" />
--%>
<meta name="author" content="Mobilhjulskift.dk" />
<meta name="description" content="Mobilhjulskift.dk - Mobil version" />
<title>Mobilhjulskift.dk - Mobil version</title>
<!-- Main CSS file -->
<link rel="stylesheet" href="Styles/style.css" type="text/css" media="screen" />
<!-- jQuery file -->
<script src="js/jquery.min.js"></script>
<!-- FlexSlider -->
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
    var $ = jQuery.noConflict();
    $(window).load(function () {
        $('.icons_nav').flexslider({
            animation: "slide",
            directionNav: false,
            animationLoop: false,
            controlNav: false,
            slideshow: false,
            animationDuration: 300
        });
        $('.panels_slider').flexslider({
            animation: "slide",
            directionNav: false,
            controlNav: true,
            animationLoop: false,
            slideToStart: 1,
            animationDuration: 300,
            slideshow: false
        });
    });
</script>
<!-- Hide Mobiles Browser Navigation Bar -->
<script type="text/javascript">
    window.addEventListener("load", function () {
        // Set a timeout...
        setTimeout(function () {
            // Hide the address bar!
            window.scrollTo(0, 1);
        }, 0);
    });
</script>
<!-- Hide on iphone top browser element | only on home page -->
<script type="text/javascript">
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
        $(window).load(function () {
            $("body").removeClass("home");
            $("body").addClass("homeiphone");
        });
    }
</script>

</head>
<body class="home">
    <form id="form1" runat="server">
    <div id="container">

        <div id="main_panels">
            <div class="panels_slider">
            <ul class="slides">
                <li>
                    <img src="images/panel_2.jpg" alt="" title="" border="0" />
                </li>
                <li>
                    <img src="images/panel_start.jpg" alt="" title="" border="0" />
                </li>
                <li>
                    <img src="images/panel_1.jpg" alt="" title="" border="0" />
                </li>
            </ul>
            </div>
        </div>

        <div id="bottom_nav">
            <div class="icons_nav">
                <ul class="slides">
                    <li>
                        <a href="ServiceBooking.aspx" class="icon"><img src="images/icons/icon_services.png" alt="" title="" border="0" /><span>Kørselsskema</span></a>
                        <a href="Customers.aspx" class="icon"><img src="images/icons/icon_clients.png" alt="" title="" border="0" /><span>Kunder</span></a>
                        <a href="portfolio.html" class="icon"><img src="images/icons/icon_portfolio.png" alt="" title="" border="0" /><span>Diverse</span></a>
                        <a href="blog.html" class="icon"><img src="images/icons/icon_blog.png" alt="" title="" border="0" /><span>Beskeder</span></a>
                    </li>
                    <li>
                        <a href="photos.html" class="icon"><img src="images/icons/icon_photos.png" alt="" title="" border="0" /><span>Billeder</span></a>
                        <a href="videos.html" class="icon"><img src="images/icons/icon_video.png" alt="" title="" border="0" /><span>Video</span></a>
                        <a href="about.html" class="icon"><img src="images/icons/icon_about.png" alt="" title="" border="0" /><span>Indstillinger</span></a>
                        <a href="contact.html" class="icon"><img src="images/icons/icon_contact.png" alt="" title="" border="0" /><span>Kontakt</span></a>
                    </li>
                </ul>
            </div>
        </div>
    
    </div>
    </form>
</body>
</html>
